﻿
<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>我的账户</title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.ico">

    <script src="jquery/jquery-1.12.4.min.js"></script>
    <script src="javascript/UserAjax.js"></script>
    <script src="javascript/Topics.js"></script>



    <!-- CSS
	============================================ -->
    <style type= "text/css" >

        ul{
            display : inline ;
            white-space : nowrap ;
        }
        ul li{
            padding : 10px 10px ;
            display : inline-block ;
            /*background :pink;*/
            white-space : nowrap ;
        }
    </style>

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
    <!-- Icon Font CSS -->
    <link rel="stylesheet" href="assets/css/vendor/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/vendor/simple-line-icons.css">

    <!-- Plugins CSS -->
    <link rel="stylesheet" href="assets/css/plugins/animation.css">
    <link rel="stylesheet" href="assets/css/plugins/slick.css">
    <link rel="stylesheet" href="assets/css/plugins/animation.css">
    <link rel="stylesheet" href="assets/css/plugins/nice-select.css">
    <link rel="stylesheet" href="assets/css/plugins/fancy-box.css">
    <link rel="stylesheet" href="assets/css/plugins/jqueryui.min.css">

    <!-- Vendor & Plugins CSS (Please remove the comment from below vendor.min.css & plugins.min.css for better website load performance and remove css files from avobe) -->
    <!--
    <script src="assets/js/vendor/vendor.min.js"></script>
    <script src="assets/js/plugins/plugins.min.js"></script>
    -->

    <!-- Main Style CSS (Please use minify version for better website load performance) -->
    <link rel="stylesheet" href="assets/css/style.css">
    <!--<link rel="stylesheet" href="assets/css/style.min.css">-->

</head>

<body>

<div class="main-wrapper">

    <!--  Header Start -->
    <header class="header">

        <!-- Header Top Start -->
        <div class="header-top-area d-none d-lg-block text-color-white bg-gren border-bm-1">

            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="header-top-settings">
                            <ul class="nav align-items-center">
                                <li class="language">中文<i class="fa fa-angle-down"></i>
                                    <ul class="dropdown-list">
                                        <li><a href="#">中文</a></li>
                                        <li><a href="#">英文</a></li>
                                    </ul>
                                </li>
                                <li class="curreny-wrap">货币 <i class="fa fa-angle-down"></i>
                                    <ul class="dropdown-list curreny-list">
                                        <li><a href="#">RMB</a></li>
                                        <li><a href="#">美元</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="top-info-wrap text-right">
                            <ul class="my-account-container">
                                <li> 我的账户 </a></li>
                                <li><a href="write.action">写博客</a></li>
                                <li><a href="topicManage.action">博客管理</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!-- Header Top End -->

        <!-- haeader Mid Start -->
        <div class="haeader-mid-area bg-gren border-bm-1 d-none d-lg-block ">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-3 col-md-4 col-5">
                        <div class="logo-area">
                            <a href="index.html"><img src="assets/images/logo/logo.png" alt=""></a>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="search-box-wrapper">
                            <div class="search-box-inner-wrap">
                                <form action="topicsList.action"  class="search-box-inner">
                                    <div class="search-field-wrap">
                                        <input type="text"  id="searchkey" name="searchkey" class="search-field" placeholder="Search topics...">
                                        <div class="search-btn">
                                            <button type="submit"><i class="icon-magnifier"></i></button>
                                        </div>
                                    </div>
                                </form>
                                <div style="background-color: white;position: absolute;left: 20px;width: 360px;height: 225px;z-index:1;display: none" id="ac"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="right-blok-box text-white d-flex">

                            <div class="user-wrap">

                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- haeader Mid End -->

        <!-- haeader bottom Start -->
        <div class="haeader-bottom-area bg-gren header-sticky">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-12 d-none d-lg-block">
                        <div class="main-menu-area white_text">
                            <!--  Start Mainmenu Nav-->
                            <nav class="main-navigation text-center">
                                <ul>
                                    <li class="active"><a href="index.html">主页</a>
                                    </li>
                                    <li><a href="#">商品页面</a></li>
                                    <li><a href="topicsList.action">博客页面</a></li>
                                    <li><a href="#">新闻公告</a></li>
                                    <li>
                                        <a href="#">页面 <i class="fa fa-angle-down"></i></a>
                                        <ul class="sub-menu">
                                            <li><a href="frequently-questions.html">常见问题解答</a></li>
                                            <li><a href="my-account.html">我的账户</a></li>
                                            <li><a href="login-register.jsp">登录 &amp; 注册</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="about-us.jsp">关于我们</a></li>
                                    <li><a href="contact-us.html">联系我们</a></li>
                                </ul>
                            </nav>

                        </div>
                    </div>

                    <div class="col-5 col-md-6 d-block d-lg-none">
                        <div class="logo"><a href="index.html"><img src="assets/images/logo/logo.png" alt=""></a></div>
                    </div>


                    <div class="col-lg-3 col-md-6 col-7 d-block d-lg-none">
                        <div class="right-blok-box text-white d-flex">

                            <div class="user-wrap">
                                <a href="wishlist.jsp"><span class="cart-total">2</span> <i class="icon-heart"></i></a>
                            </div>

                            <div class="shopping-cart-wrap">
                                <a href="#"><i class="icon-basket-loaded"></i><span class="cart-total">2</span></a>
                                <ul class="mini-cart">
                                    <li class="cart-item">
                                        <div class="cart-image">
                                            <a href="product-details.html"><img alt="" src="assets/images/product/product-02.png"></a>
                                        </div>
                                        <div class="cart-title">
                                            <a href="product-details.html">
                                                <h4>物品  01</h4>
                                            </a>
                                            <div class="quanti-price-wrap">
                                                <span class="quantity">1 ×</span>
                                                <div class="price-box"><span class="new-price">￥130.00</span></div>
                                            </div>
                                            <a class="remove_from_cart" href="#"><i class="fa fa-times"></i></a>
                                        </div>
                                    </li>
                                    <li class="cart-item">
                                        <div class="cart-image">
                                            <a href="product-details.html"><img alt="" src="assets/images/product/product-03.png"></a>
                                        </div>
                                        <div class="cart-title">
                                            <a href="product-details.html">
                                                <h4>物品  03</h4>
                                            </a>
                                            <div class="quanti-price-wrap">
                                                <span class="quantity">1 ×</span>
                                                <div class="price-box"><span class="new-price">￥130.00</span></div>
                                            </div>
                                            <a class="remove_from_cart" href="#"><i class="icon-trash icons"></i></a>
                                        </div>
                                    </li>
                                    <li class="subtotal-box">
                                        <div class="subtotal-title">
                                            <h3>总计 :</h3><span>￥ 260.99</span>
                                        </div>
                                    </li>
                                    <li class="mini-cart-btns">
                                        <div class="cart-btns">
                                            <a href="cart.html">购物车</a>
                                            <a href="checkout.html">付款</a>
                                        </div>
                                    </li>
                                </ul>
                            </div>

                            <div class="mobile-menu-btn d-block d-lg-none">
                                <div class="off-canvas-btn">
                                    <a href="#"><img src="assets/images/icon/bg-menu.png" alt=""></a>
                                </div>
                            </div>

                        </div>
                    </div>



                </div>
            </div>
        </div>
        <!-- header bottom End -->

        <!-- off-canvas menu start -->
        <aside class="off-canvas-wrapper">
            <div class="off-canvas-overlay"></div>
            <div class="off-canvas-inner-content">
                <div class="btn-close-off-canvas">
                    <i class="fa fa-times"></i>
                </div>

                <div class="off-canvas-inner">

                    <div class="search-box-offcanvas">
                        <form>
                            <input type="text" placeholder="Search product...">
                            <button class="search-btn"><i class="icon-magnifier"></i></button>
                        </form>
                    </div>

                    <!-- mobile menu start -->
                    <div class="mobile-navigation">

                        <!-- mobile menu navigation start -->
                        <nav>
                            <ul class="mobile-menu">
                                <li class="menu-item-has-children"><a href="index.html">主页</a>
                                    <ul class="dropdown">
                                        <li><a href="index.html">主页 1</a></li>
                                        <li><a href="index-2.html">主页 2</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children"><a href="#">帖子</a>
                                    <ul class="megamenu dropdown">
                                        <li class="mega-title has-children"><a href="#">帖子布局</a>
                                            <ul class="dropdown">
                                                <li><a href="shop.html">帖子左侧边栏</a></li>
                                                <li><a href="shop-right-sidebar.html">帖子右侧边栏</a></li>
                                                <li><a href="shop-list-left.html">帖子列表左侧边栏</a></li>
                                                <li><a href="shop-list-right.html">帖子列表右侧边栏</a></li>
                                                <li><a href="shop-fullwidth.html">帖子无边栏</a></li>
                                            </ul>
                                        </li>
                                        <li class="mega-title has-children"><a href="#">帖子信息</a>
                                            <ul class="dropdown">
                                                <li><a href="product-details.html">Single Product Details</a></li>
                                                <li><a href="variable-product-details.html">Variable Product Details</a></li>
                                                <li><a href="affiliate-product-details.html">affiliatel Product Details</a></li>
                                                <li><a href="gallery-product-details.html">Gallery Product Details</a></li>
                                            </ul>
                                        </li>
                                        <li class="mega-title has-children"><a href="#">购物页面</a>
                                            <ul class="dropdown">
                                                <li><a href="phonecheckout.jsp">404错误页面</a></li>
                                                <li><a href="compare.html">比较页面</a></li>
                                                <li><a href="cart.html">购物车</a></li>
                                                <li><a href="checkout.html">付款页</a></li>
                                                <li><a href="wishlist.html">愿望清单</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children "><a href="#">博客</a>
                                    <ul class="dropdown">
                                        <li><a href="#">博客左侧边栏</a></li>
                                        <li><a href="blog-right-sidebar.html">博客右侧边栏</a></li>
                                        <li><a href="blog-grid.html">博客网格边栏</a></li>
                                        <li><a href="blog-largeimage.html">博客图片</a></li>
                                        <li><a href="blog-details.html">博客详情页</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children "><a href="#">页面</a>
                                    <ul class="dropdown">
                                        <li><a href="frequently-questions.html">常见问题解答</a></li>
                                        <li><a href="tradelist.action">我的账户</a></li>
                                        <li><a href="login-register.html">登录 &amp; 注册</a></li>
                                    </ul>
                                </li>
                                <li><a href="about-us.jsp">关于我们</a></li>
                                <li><a href="contact-us.html">联系我们</a></li>
                            </ul>
                        </nav>
                        <!-- mobile menu navigation end -->
                    </div>
                    <!-- mobile menu end -->


                    <div class="header-top-settings offcanvas-curreny-lang-support">
                        <h5>My Account</h5>
                        <ul class="nav align-items-center">
                            <li class="language">中文 <i class="fa fa-angle-down"></i>
                                <ul class="dropdown-list">
                                    <li><a href="#">中文</a></li>
                                    <li><a href="#">英文</a></li>
                                </ul>
                            </li>
                            <li class="curreny-wrap">货币 <i class="fa fa-angle-down"></i>
                                <ul class="dropdown-list curreny-list">
                                    <li><a href="#">RMB</a></li>
                                    <li><a href="#">美元</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>

                    <!-- offcanvas widget area start -->
                    <div class="offcanvas-widget-area">
                        <div class="top-info-wrap text-left text-black">
                            <h5>我的账户</h5>
                            <ul class="offcanvas-account-container">
                                <li><a href="my-account.html">我的账户</a></li>
                                <li><a href="cart.html">购物车</a></li>
                                <li><a href="wishlist.html">愿望清单</a></li>
                                <li><a href="checkout.html">付款</a></li>
                            </ul>
                        </div>

                    </div>
                    <!-- offcanvas widget area end -->
                </div>
            </div>
        </aside>
        <!-- off-canvas menu end -->

    </header>
    <!--  Header Start -->

    <!-- breadcrumb-area start -->
    <div class="breadcrumb-area">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <!-- breadcrumb-list start -->
                    <ul class="breadcrumb-list">
                        <li class="breadcrumb-item"><a href="index.html">主页</a></li>
                        <li class="breadcrumb-item active">我的账户</li>
                    </ul>
                    <!-- breadcrumb-list end -->
                </div>
            </div>
        </div>
    </div>
    <!-- breadcrumb-area end -->


    <!-- main-content-wrap start -->
    <div class="main-content-wrap section-ptb my-account-page">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="account-dashboard">
                        <div class="dashboard-upper-info">
                            <div class="row align-items-center no-gutters">
                                <div class="col-lg-3 col-md-12">
                                    <div class="d-single-info">
                                        <p class="user-name">欢迎 <span> 名字</span></p>
                                        <p>(不是 名字? <a id="logout" href="#">点此注销</a>)</p>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-12">
                                    <div class="d-single-info">
                                        <p>需要帮助? 客服电话.</p>
                                        <p>12345678912</p>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-12">
                                    <div class="d-single-info">
                                        <p>邮箱地址 </p>
                                        <p>support@yoursite.com</p>
                                    </div>
                                </div>
                                <div class="col-lg-2 col-md-12">
                                    <div class="d-single-info text-lg-center">
                                        <a href="cart.jsp" class="view-cart"><i class="fa fa-cart-plus"></i>购物车</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">

                            <div class="col-md-12 col-lg-2">
                                <!-- Nav tabs -->
                                <ul role="tablist" class="nav flex-column dashboard-list">
                                    <li> <a href="#orders" data-toggle="tab" class="nav-link active">文章管理</a></li>
                                    <li><a href="#account-details" data-toggle="tab" class="nav-link">账户信息</a></li>
                                    <li><a href="#dashboard" data-toggle="tab" class="nav-link ">设置</a></li>
                                    <li><a href="#downloads" data-toggle="tab" class="nav-link">下载</a></li>
                                    <li><a href="#address" data-toggle="tab" class="nav-link">地址</a></li>
                                    <li><a id="relogout" href="#" class="nav-link">注销</a></li>
                                </ul>
                            </div>

                            <div class="col-md-12 col-lg-10">

                                <!-- Tab panes -->
                                <div class="tab-content dashboard-content">


                                    <!--active默认显示-->
                                    <div class="tab-pane active" id="orders">
                                        <h3>文章管理</h3>


                                        <!-- 盒子 -->
                                        <div class="single-product-area mt-30">
                                            <div class="product-thumb">

                                                <div class=" ">

                                                    <h4 class="product-name"><a href="#"> 帖子标题</a></h4>
                                                    <div class="price-box">

                                                        <!--帖子内容-->
                                                        <span class="">帖子内容...</span><br>
                                                        <!--发帖时间-->
                                                        <span class="">2021.03.18</span>

                                                        <!--名字-->&nbsp;&nbsp;&nbsp;
                                                        <span>名字</span>

                                                        <!--阅读次数-->&nbsp;&nbsp;&nbsp;
                                                        <span >

                                                                        <span class="glyphicon glyphicon-eye-open"></span>
                                                                          5

                                                                    </span>




                                                        <ul>
                                                            <li style="margin-left:500px"><a href="#">编辑</a></li>
                                                            <!--删除帖子通过Topics.js-->
                                                            <li><a  id="#" href="#">删除</a></li>
                                                        </ul>


                                                    </div>
                                                </div>


                                            </div>

                                        </div>




                                    </div>
                                    <div class="tab-pane fade " id="dashboard">
                                        <h3>设置 </h3>
                                        <p>从您的设置面板。您可以轻松检查并查看您发布的<a href="#">文章</a>,管理您的<a href="#">文章内容</a>和<a href="#">编辑您的密码和账户信息。</a></p>
                                    </div>
                                    <div class="tab-pane fade" id="downloads">
                                        <h3>下载</h3>
                                        <div class="table-responsive">
                                            <table class="table">
                                                <thead>
                                                <tr>
                                                    <th>产品</th>
                                                    <th>下载时间</th>
                                                    <th>过期</th>
                                                    <th>下载</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                <tr>
                                                    <td>Haven - Free Real Estate PSD Template</td>
                                                    <td>May 10, 2018</td>
                                                    <td>never</td>
                                                    <td><a href="#" class="view">点击下载</a></td>
                                                </tr>
                                                <tr>
                                                    <td>Nevara - ecommerce html template</td>
                                                    <td>Sep 11, 2018</td>
                                                    <td>never</td>
                                                    <td><a href="#" class="view">点击下载</a></td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <div class="tab-pane" id="address">
                                        <p>以下是您结账时的默认收货地址。</p>
                                        <h4 class="billing-address">收货地址</h4>
                                        <a href="#" class="view">编辑</a>
                                        <p class="biller-name">Johan Don</p>
                                        <p>Bangladesh</p>
                                    </div>
                                    <div class="tab-pane fade" id="account-details">
                                        <h3>账户信息 </h3>
                                        <div class="login">
                                            <div class="login-form-container">
                                                <div class="account-login-form">
                                                    <form action="updateinfo.action?uid=<%=user.getUser_id()%>" method="post">
                                                        <p style="font-size: 18px">您可以在此处修改您的个人信息！</p>
                                                        <br>
                                                        <label>称呼</label>
                                                        <div class="input-radio">
                                                            <span class="custom-radio"><input type="radio" value="男" name="id_gender" checked > 先生</span>
                                                            <span class="custom-radio"><input type="radio" value="女" name="id_gender"> 女士</span>
                                                        </div>
                                                        <div class="account-input-box">

                                                            <label>姓名</label>
                                                            <input type="text" id="userchange-name" name="userchange-name" value="<%=user2.getUser_name()%>">
                                                            <label>Email</label>
                                                            <input type="email" id="email-name" name="email-name" value="<%=user2.getEmail()%>">
                                                            <label>密码</label>
                                                            <input type="password" id="userchange-password" name="userchange-password" value="<%=user2.getPassword()%>">
                                                        </div>
                                                        <div class="button-box">
                                                            <button class="btn default-btn" type="submit">保存</button>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- main-content-wrap end -->

    <!-- footer Start -->
    <footer>
        <div class="footer-top section-pb section-pt-60">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-md-6">

                        <div class="widget-footer mt-40">
                            <h6 class="title-widget">联系方式</h6>

                            <div class="footer-addres">
                                <div class="widget-content mb--20">
                                    <p>地址: 翻斗花园二号楼一零零一室, <br> 湖南, 中国.</p>
                                    <p>电话: <a href="tel:">(012) 800 000 789</a></p>
                                    <p>传真: <a href="tel:">(012) 800 888 789</a></p>
                                    <p>Email: <a href="tel:">newobject@163.com</a></p>
                                </div>
                            </div>

                            <ul class="social-icons">
                                <li>
                                    <a class="facebook social-icon" href="#" title="Facebook" target="_blank"><i class="fa fa-facebook"></i></a>
                                </li>
                                <li>
                                    <a class="twitter social-icon" href="#" title="Twitter" target="_blank"><i class="fa fa-twitter"></i></a>
                                </li>
                                <li>
                                    <a class="instagram social-icon" href="#" title="Instagram" target="_blank"><i class="fa fa-instagram"></i></a>
                                </li>
                                <li>
                                    <a class="linkedin social-icon" href="#" title="Linkedin" target="_blank"><i class="fa fa-linkedin"></i></a>
                                </li>
                                <li>
                                    <a class="rss social-icon" href="#" title="Rss" target="_blank"><i class="fa fa-rss"></i></a>
                                </li>
                            </ul>

                        </div>

                    </div>
                    <div class="col-lg-2 col-md-6 col-sm-6">
                        <div class="widget-footer mt-40">
                            <h6 class="title-widget">资讯</h6>
                            <ul class="footer-list">
                                <li><a href="index.html">主页</a></li>
                                <li><a href="about-us.jsp">关于我们</a></li>
                                <li><a href="contact-us.html">快速联系</a></li>
                                <li><a href="#">博客</a></li>
                                <li><a href="#">发展史</a></li>
                                <li><a href="#">客户来源</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-2 col-md-6 col-sm-6">
                        <div class="widget-footer mt-40">
                            <h6 class="title-widget">其它</h6>
                            <ul class="footer-list">

                                <li><a href="#">发展史</a></li>
                                <li><a href="#">客户来源</a></li>
                                <li><a href="about-us.jsp">关于我们</a></li>
                                <li><a href="contact-us.html">快速联系</a></li>
                                <li><a href="#">博客</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="widget-footer mt-40">
                            <h6 class="title-widget">获取APP</h6>
                            <p>请在谷歌商店下载绿色版APP！</p>
                            <ul class="footer-list">
                                <li><img src="assets/images/brand/img-googleplay.jpg" alt=""></li>
                                <li><img src="assets/images/brand/img-appstore.jpg" alt=""></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="footer-bottom">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6 col-md-6">
                        <div class="copy-left-text">
                            <p>Copyright &copy; <a href="http://www.bootstrapmb.com/" title="bootstrapmb">Ruiz</a> 2019. 版权所有.</p>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6">
                        <div class="copy-right-image">
                            <img src="assets/images/icon/img-payment.png" alt="">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- footer End -->

    <!-- 模态框（Modal） -->
    <div class="modal fade modal-wrapper" id="myModal" >
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">
                        订单详情
                    </h4>
                    <button type="button" class="close" data-dismiss="modal"
                            aria-hidden="true">×
                    </button>
                </div>
                <div class="modal-body">
                    <%--表单--%>
                    <form   class="cart-table">
                        <div class="table-content table-responsive">
                            <table class="table">
                                <thead>
                                <tr>
                                    <th class="plantmore-product-thumbnail">图片</th>
                                    <th class="cart-product-name">产品</th>
                                    <th class="plantmore-product-price">单价</th>
                                    <th class="plantmore-product-quantity">数量</th>
                                    <th class="plantmore-product-subtotal">小计</th>
                                </tr>
                                </thead>
                                <tbody id="mytdoby">
                                </tbody>
                            </table>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

</div>

<!-- JS
============================================ -->

<!-- Modernizer JS -->
<script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
<!-- jQuery JS -->
<script src="assets/js/vendor/jquery-3.3.1.min.js"></script>
<!-- Bootstrap JS -->
<script src="assets/js/vendor/popper.min.js"></script>
<script src="assets/js/vendor/bootstrap.min.js"></script>

<!-- Plugins JS -->
<script src="assets/js/plugins/slick.min.js"></script>

<script src="assets/js/plugins/jquery.nice-select.min.js"></script>
<script src="assets/js/plugins/countdown.min.js"></script>
<script src="assets/js/plugins/image-zoom.min.js"></script>
<script src="assets/js/plugins/fancybox.js"></script>
<script src="assets/js/plugins/scrollup.min.js"></script>
<script src="assets/js/plugins/jqueryui.min.js"></script> <script src="assets/js/plugins/ajax-contact.js"></script>

<!-- Vendor & Plugins JS (Please remove the comment from below vendor.min.js & plugins.min.js for better website load performance and remove js files from avobe) -->
<!--
<script src="assets/js/vendor/vendor.min.js"></script>
<script src="assets/js/plugins/plugins.min.js"></script>
-->

<!-- Main JS -->
<script src="assets/js/main.js"></script>

<!-- 插件分页 -->
<script src="<%=path%>/pagination/jquery.pagination1.0.5.js"></script>
<link href="<%=path%>/pagination/pagination.css" rel="stylesheet" />
<script type="text/javascript">
    $(function() {
        $.pagMag.startPagination(
            perPage = 3, // 每页显示几条数据（页大小）
            reload = 0,         // default 0, value 1 keeps actual page when webpage is reloaded (need modul cookies.js)
            item = 'trItem',    // 要分页的数据。
            pager = 'divPager'  // 分页的容器，它会自动产生：1、2、3这种页码。
        );

        // $.pagMag.startPagination(
        //     perPage = 2, // 每页显示几条数据（页大小）
        //     reload = 0,         // default 0, value 1 keeps actual page when webpage is reloaded (need modul cookies.js)
        //     item = 'trs',    // 要分页的数据。
        //     pager = 'trPages'  // 分页的容器，它会自动产生：1、2、3这种页码。
        // );

        $("a[id^=tradeinfo_]").bind("click", function () {
            var _id = $(this).attr("id");
            var id = _id.substring(_id.indexOf("_")+1);
            // console.log(id);
            $.ajax({
                type: "GET",
                url: "tradeItemsList.action?trade_id=" + id,
                dataType: "JSON",
                success: function (json, status) {
                    // console.log(json);
                    var trs = "";
                    // <tr><td class='plantmore-product-thumbnail'><a href='Topicslist.action?searchkey=" + json[i].Topics_name + "'><img src='" + json[i].img_url + "' alt='' width='200'></a></td><td class='plantmore-product-name'><a href='Topicslist.action?searchkey=" + json[i].Topics_name + "' >" + json[i].Topics_name + "</a></td><td class='plantmore-product-price'>$<span class='amount'>" + json[i].price + "</span></td><td class='plantmore-product-quantity'>" + json[i].num + "</td><td class='product-subtotal'>$" + json[i].count + "</td></tr>
                    for(var i = 0; i < json.length; i++){
                        json[i].Topics_name;
                        var tr = "<tr class='trs'><td class='plantmore-product-thumbnail'><a href='Topicslist.action?searchkey=" + json[i].Topics_name + "'><img src='" + json[i].img_url + "' alt='' width='200'></a></td><td class='plantmore-product-name'><a href='Topicslist.action?searchkey=" + json[i].Topics_name + "'>" + json[i].Topics_name + "</a></td><td class='plantmore-product-price'>$<span class='amount'>" + json[i].price + "</span></td><td class='plantmore-product-quantity'>" + json[i].num + "</td><td class='product-subtotal'>$" + json[i].count + "</td></tr>";
                        trs+=tr;
                    }
                    // <tr><td align="center" colspan="5"><div id="divPager"></div></td></tr>
                    trs+= "<tr><td align='center' colspan='5'><div id='trPages'></div></td></tr>";
                    $("tbody#mytdoby").html(trs);
                }
            });
        });
    });
</script>

</body>

</html>
